﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Rạp Cinemax - Trang chủ</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="js/galleryview-2.1.1/galleryview.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.6.1.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.galleryview-2.1.1-pack.js" type="text/javascript"></script>
<script src="js/galleryview-2.1.1/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="js/stepcarousel.js" type="text/javascript"></script>
<style type="text/css">
.brimg01 {
	border: 1px solid #1D1D1D!important;
}
.bgimg01 {
	background: url("img/bg_box03.gif") no-repeat;
	width: 120px;
	height: 172px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	overflow: hidden;
	text-align: center;
}
.stepcarousel {
	position: relative;
	overflow: hidden;
	width: 518px;
	height: 260px;
	margin: 0 auto 0 auto;
}
.stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left;
	overflow: hidden;
	width: 194px;
}
.movies {
	width: 120px;
	float: left;
	padding: 0 5px;
}
.movies h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 12px;
}
.movies h4 a {
	color: #ffffff;
	text-decoration: none;
}
.movies h4 a:hover {
	color: #17C1F3;
	text-decoration: none;
}
.movies img {
	width: 108px;
	height: 162px;
}
}
</style>
<script type="text/javascript">

stepcarousel.setup({
	galleryid: 'dangchieu', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'movies', //class of panel DIVs each holding content
	autostep: {enable:false, moveby:1, pause:5000},
	panelbehavior: {speed:300, wraparound:false, wrapbehavior:'slide', persist:false},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/icon_arrow01.gif', -33, -2100], rightnav: ['img/icon_arrow02.gif', 3, -2100]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#film_list').galleryView({
			nav_theme: 'light',
			pause_on_hover: true,
			background_color: 'black',
			show_captions: true,
			panel_width: 600,
			panel_height: 300,
			frame_gap: 15
		});
	});
</script>
</head>

<body>

<div id="container">
	<div id="header">
		<img alt="" src="img/256507_import-cinemax-logo-cinemax-logo.jpg" style="height: 60px; width: 300px;" />
		<img alt="" src="img/contact.gif" style="float: right;" /> </div>
	<div id="menu">
		<ul id="menulist">
			<li><a href="#" class="active">Trang chủ</a></li>
			<li><a href="#">Phim</a></li>
			<li><a href="#">Lịch chiếu/Đặt vé</a></li>
			<li><a href="#">Giá vé &#38; Khuyến mãi</a></li>
			<li><a href="#">Quản lý</a></li>
		</ul>
	</div>
	<div id="sidebar">
		<img alt="" src="img/carrbbeaNew.jpg" width="248px" />
		<div id="signinbox">
			<table cellpadding="3" cellspacing="0" style="width: 100%">
				<tr>
					<td>Tên đăng nhập:</td>
					<td><input id="txtuid" type="text" /></td>
				</tr>
				<tr>
					<td>Mật khẩu:</td>
					<td><input id="txtpass" type="password" /></td>
				</tr>
			</table>
			<button style="float: right; margin: 5px 2px;">Đăng nhập</button>
			<br />
			<br />
			<a href="#" style="text-decoration: none; color: aqua;">Đăng ký thành 
			viên</a> </div>
		<div id="signinbox">
			<div style="text-align: center;">
				<h2>Xin chào, <a href="#" style="text-decoration: none; color: aqua;">ABC</a></h2>
				Điểm<br/>
				<a href="#" style="text-decoration: none; color: aqua;">(Đăng xuất)</a>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="highlight">
			<ul id="film_list">
				<li><img alt="" src="img/caribbean.jpg" />
				<div class="panel-overlay">
					<span style="font-size: 14px; font-weight: bold; color: aqua;">
					Pirates of Caribbean 4 - Cướp Biển Vùng Ca-Ri-Bê 4: Suối Nguồn 
					Tuổi Trẻ</span><br />
					Thuyền trưởng Jack Sparrow tình cờ gặp lại người phụ nữ trong 
					quá khứ và anh đang tự hỏi liệu sự xuất hiện của người phụ nữ 
					đó có phải là tình yêu, hay chỉ lợi dụng Jack để... </div>
				</li>
				<li><img alt="" src="img/paul.jpg" /><div class="panel-overlay">
					<span style="font-size: 14px; font-weight: bold; color: aqua;">
					Paul - Kẻ Đào Tẩu Kỳ Quái</span><br />
					Trong hơn nửa thế kỷ qua, Paul nắm giữ một bí mật quốc gia quan 
					trọng và quyết định lợi dụng Graeme và Clive để trốn đi. Bị 
					các đặc vụ liên bang truy đuổi ráo riết... </div>
				</li>
				<li><img alt="" src="img/kungfupanda.jpg" /><div class="panel-overlay">
					<span style="font-size: 14px; font-weight: bold; color: aqua;">
					Kung Fu Panda 2</span><br />
					Gấu Po gia nhập nhóm “Ngũ đại hào kiệt” nhằm tiêu diệt một tay 
					độc ác có kế hoạch sử dụng vũ khí bí mật vô cùng lợi hại để 
					thôn tính Trung Quốc và phá hủy kung fu.</div>
				</li>
				<li><img alt="" src="img/F&F.jpg" /><div class="panel-overlay">
					<span style="font-size: 14px; font-weight: bold; color: aqua;">
					Fast And Furious 5 - Phi Vụ Rio</span><br />
					Dominic và cảnh sát Brian O’Conner lại tiếp tục sát cánh trong 
					hành trình chạy trốn khỏi sự truy sát của cảnh sát liên bang 
					và chinh phục những đường đua khốc liệt nhất...</div>
				</li>
			</ul>
		</div>
		<div id="block1">
			<table cellpadding="0" cellspacing="0" style="width: 100%;">
				<tr>
					<td><a href="#"><img alt="" src="img/ve_btn.jpg" /></a></td>
					<td style="text-align: center;"><a href="#">
					<img alt="" src="img/movie_quiz.jpg" /></a></td>
					<td style="text-align: right;"><a href="#">
					<img alt="" src="img/lichchieu_btn.jpg" /></a></td>
				</tr>
			</table>
		</div>
		<div id="block2">
			<div id="dangchieu" class="stepcarousel">
				<div class="belt" style="width: 520px;">
					<!-- BEGIN FilmList -->
					<div class="movies" style="float: none; position: absolute; left: 0px;">
						<div class="bgimg01">
							<a href="#">
							<img alt="CƯỚP BIỂN VÙNG  CA-RI-BÊ 4: SUỐI NGUỒN TUỔI TRẺ" src="img/caribbean_thumb.jpg" width="108" /></a>
						</div>
						<h4><a href="#">CƯỚP BIỂN VÙNG CA-RI-BÊ 4: SUỐI NGUỒN TUỔI 
						TRẺ</a></h4>
					</div>
					<div class="movies" style="float: none; position: absolute; left: 130px;">
						<div class="bgimg01">
							<a href="#">
							<img alt="KẺ ĐÀO TẨU KỲ QUÁI - PAUL" src="img/paul_thumb.jpg" width="108" /></a>
						</div>
						<h4><a href="#">KẺ ĐÀO TẨU KỲ QUÁI - PAUL</a></h4>
					</div>
					<div class="movies" style="float: none; position: absolute; left: 260px;">
						<div class="bgimg01">
							<a href="#">
							<img alt="KUNG FU PANDA 2" src="img/panda_thumb.jpg" width="108" /></a>
						</div>
						<h4><a href="#">KUNG FU PANDA 2</a></h4>
					</div>
					<div class="movies" style="float: none; position: absolute; left: 390px;">
						<div class="bgimg01">
							<a href="index.php?page=film&amp;id=334">
							<img alt="PHI VỤ RIO - FAST AND FURIOUS 5" src="img/ff5_thumb.jpg" width="108" /></a>
						</div>
						<h4><a href="#">PHI VỤ RIO - FAST AND FURIOUS 5</a></h4>
					</div>
					<!-- END FilmList --></div>
			</div>
		</div>
	</div>
	<div id="footer">
		Copyright © 2011 Cinemax Media Group. All rights reserved.<br />
		Website Cinemax được phát triển bởi nhóm - Email: minhanhhere@gmail.com
	</div>
</div>

</body>

</html>
